<template>
  <div class="pro-vue-workflow">
    <workflow
      :pageSize="10"
      :isHideBtn="true"
    />
  </div>
</template>
<script>
import workflow from '../home/modules/workflow/workflow';

export default {
  name: 'Workflow',
  components: {
    workflow,
  },
  mounted() {
    setTimeout(() => {
      $('.pro-vue-workflow .listview-body').css({
        height: `${$('.pro-vue-workflow').parent().height() - 161}px`,
      });
    }, 100);
  },
};
</script>
<style lang="scss">
.pro-vue-workflow {
  position: absolute;
  top: 0;
  left: 200px;
  right: 200px;
  bottom: 0;
  .el-tabs.el-tabs--top .el-tabs__item {
    padding: 0 20px;
    color: grey;
  }
  .el-tabs.el-tabs--top .el-tabs__active-bar{
      display: none;
  }
}
</style>
